.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus,
.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
  border-color: #ff4d4f;
}

.font-303133-20 {
  color: #303133;
  font-size: 20px;
  line-height: 28px;
}

.font-20-303133 {
  color: #303133;
  font-size: 20px;
  line-height: 28px;
}

.font-303133-18 {
  color: #303133;
  font-size: 18px;
  line-height: 26px;
}

.font-18-303133 {
  color: #303133;
  font-size: 18px;
  line-height: 26px;
}

.font-ffffff-16 {
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
}

.font-16-ffffff {
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
}

.font-303133-16 {
  color: #303133;
  font-size: 16px;
  line-height: 22px;
}

.font-16-303133 {
  color: #303133;
  font-size: 16px;
  line-height: 22px;
}

.font-303133-14 {
  color: #303133;
  font-size: 14px;
  line-height: 20px;
}

.font-14-303133 {
  color: #303133;
  font-size: 14px;
  line-height: 20px;
}

.font-606266-12 {
  color: #606266;
  font-size: 12px;
  line-height: 18px;
}

.font-12-606266 {
  color: #606266;
  font-size: 12px;
  line-height: 18px;
}

.font-909399-12 {
  color: #909399;
  font-size: 12px;
  line-height: 18px;
}

.font-12-909399 {
  color: #909399;
  font-size: 12px;
  line-height: 18px;
}

.font-90939966-12 {
  color: #90939966;
  font-size: 12px;
  line-height: 18px;
}

.font-12-90939966 {
  color: #90939966;
  font-size: 12px;
  line-height: 18px;
}

.font-3258de-12 {
  color: #3258de;
  font-size: 12px;
  line-height: 18px;
}

.font-12-3258de {
  color: #3258de;
  font-size: 12px;
  line-height: 18px;
}

.font-52c4a1-12 {
  color: #52c4a1;
  font-size: 12px;
  line-height: 18px;
}

.font-12-52c4a1 {
  color: #52c4a1;
  font-size: 12px;
  line-height: 18px;
}

.font-ff8e0d-12 {
  color: #ff8e0d;
  font-size: 12px;
  line-height: 18px;
}

.font-12-ff8e0d {
  color: #ff8e0d;
  font-size: 12px;
  line-height: 18px;
}

.font-ff4d4f-12 {
  color: #ff4d4f;
  font-size: 12px;
  line-height: 18px;
}

.font-12-ff4d4f {
  color: #ff4d4f;
  font-size: 12px;
  line-height: 18px;
}


::-webkit-scrollbar-track-piece {
  //滚动条凹槽的颜色，还可以设置边框属性
  background-color: #f5f6fb;
}

::-webkit-scrollbar {
  //滚动条的宽度
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  //滚动条的设置
  background-color: #c0c4cc;
  background-clip: padding-box;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #909399;
}

.enDetail {
  img {
    width: 10px;
    height: 12px;
    vertical-align: middle;
    margin-right: 8px;
  }
}


.click {
  color: #3258DE;
  cursor: pointer;

  &:hover {
    color: #4a6ce2;
  }
}


.scroll-top {
  cursor: pointer;

  .icon-normal {
    display: inline-block;
  }

  .icon-hover {
    display: none;
  }

  svg {
    width: 32px;
    height: 32px;
  }

  &:hover {
    .icon-normal {
      display: none;
    }

    .icon-hover {
      display: inline-block;
    }
  }
}

.scroll-list {
  cursor: pointer;
  background: #3258DE;
  box-shadow: 0px 2px 4px 0px rgba(209, 209, 209, 0.5);
  border-radius: 10px 0px 0px 10px;
  width: 28px;
  height: 72px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 18px;
  text-shadow: 0px 2px 4px rgba(209, 209, 209, 0.5);
  display: inline-block;
  padding: 17px 7px;

  &:hover {
    background: #4A6CE2;
  }
}

.el-button.loginBtn {
  background: linear-gradient(90deg, #3258DE 0%, #25B1FF 100%);
  border-width: 0;

  &:hover,
  &:focus {
    background: linear-gradient(90deg, #3258DEcc 0%, #25B1FFcc 100%);
    border-width: 0;
  }
}

input {
  font-size: 12px;
}


.bondContent {
  .topMatch {
    .searchForm {
      background: rgba(255, 255, 255, 1);
      // box-shadow: 0px 4px 8px 0px rgba(151, 171, 213, 0.15);
      border-radius: 4px;
      border: 1px solid rgba(228, 235, 241, 1);
      padding: 20px 20px 8px 20px;
      transition: display 0.3s ease;
      margin-bottom: 12px;

      &.hidden {
        display: none;
      }

      .el-form-item {
        font-size: 12px;
        margin: 0;
        margin-bottom: 12px;
        line-height: 28px;

        .el-form-item__content {
          display: flex;
          flex-wrap: wrap;
          line-height: 28px;
          padding: 0 0;
        }

        .el-form-item__label {
          color: #909399;
          font-weight: bold;
          ;
        }
      }
    }
  }
}

.el-input__suffix-inner {
  .el-icon-circle-close:before {
    color: #D6DEF8;
    font-size: 14px;
    content: "\e79d";
  }
}